<template>
  <div class="inputLogin h-100">
    <div class="position-absolute top right p-3">
      <router-link to="qrLogin">
        <el-tooltip class="item" effect="dark" content="微信扫码登录" placement="left">
          <img src="../common/img/qrcode.svg" alt />
        </el-tooltip>
      </router-link>
    </div>
    <div class="row align-items-center h-100">
      <div class="col">
        <h5 class="mb-4 pb-2 text-dark">
          <router-link to="/">
            <span>老师登录</span>
          </router-link>
          <el-divider direction="vertical"></el-divider>
          <router-link to="/studentSide">
            <span class="font-weight-light">学生登录</span>
          </router-link>
        </h5>

        <el-input placeholder="请输入手机号" v-model="input1" class="mb-2">
          <span slot="prepend" class="iconfont lwuser_hollow h4"></span>
        </el-input>

        <el-input placeholder="请输入密码" v-model="input2" class="mb-3">
          <span slot="prepend" class="iconfont lwkey h4"></span>
        </el-input>

        <p class="text-right mb-2">
          <el-button @click="login" type="primary" class="w-100">登录</el-button>
        </p>
        <p class="mb-0 text-right small">
          <router-link to="resetPassword">重置密码</router-link>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "InputLogin",
        data() {
            return {
                input1: "",
                input2: ""
            };
        },
        methods: {
            login() {
                this.$router.push("/");
            }
        }
    };
</script>

<style lang="" scoped>

</style>